<template>
  <view class="full-loading">
    <image class="loading-middle" preload="true" src="https://www.superlwb0608.top/img/loading.gif"></image>
    <image class="loading-bottom" preload="true" src="https://www.superlwb0608.top/test/loading/loading.gif"></image>
  </view>
</template>

<script></script>

<style lang="scss" scoped>
.full-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background-color: #fff;

  image {
    width: 100vw;
    height: 400upx;
  }

  .loading-middle {
    width: 100%;

    // margin-top: -100upx;
  }

  .loading-bottom {
    position: absolute;
    bottom: 0;
  }
}
</style>
